<template>
    <div class="da">
        <MyHeader>店铺详情</MyHeader>
    <div>店铺详情{{$route.params.shopId}}</div>
    <h3>1{{shopInfo.shopName}}</h3>
    <h3>2{{shopInfo.shopTypeName}}</h3>
    <img  style="width: 200px;display: block" :src="'/api/'+shopInfo.shopPic" alt="">
    </div>
</template>

<script>
    export default {
        name: "ShopDetail",
        data(){
            return{
                shopInfo:{}
            }
        },
        async mounted() {
           const {shopInfo}=await this.$axios.get("/shop/"+this.$route.params.shopId)
            this.shopInfo = shopInfo;
        }
    }
</script>

<style scoped>
    .da{padding-top:45px }
</style>